<!--约伴而行-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>向往的生活家——约伴而行</title>
		<link rel="shortcut icon" type="image/x-icon" href="img/user/logo.ico" />
		<!-- 引入 Bootstrap -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link rel="stylesheet" href="css/base.css" />
        <!--导航样式-->
        <link rel="stylesheet" href="css/navigation.css"/>
        <!--主页样式-->
        <link rel="stylesheet" href="css/index.css" />
        <!--本页样式-->
        <link rel="stylesheet" href="css/partner/partner.css" />
        
	</head>
	<body>
		
		<!--头部 start-->
		<script type="text/javascript" src="js/top.js" ></script>
		<!--头部 end-->
		
		<!--主体 start-->
		<!--头部选项卡 start-->
		<dl class="topmenu">
			<dt>
				<div class="selectlist" style="border-right: 1px solid #f5f1f1">
					<div class="select_textdiv">
						<input type="hidden" value=""/>
						<p class="s_text parent_target">目的地</p>
						<span class="down"><img src="img/partner/down (1).png"></span>
					</div>
					<div class="select_textul">
						<ul class="select_first_ul">
							<li class="focus">
								<p>重庆市/主城区</p>
								<ul class="select_second_ul" style="display: block;">
									<li>
										<p class="dq_l">渝中区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">沙坪坝区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">江北区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">南岸区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">大渡口区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">九龙坡区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">渝北区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">巴南区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">北碚区</p>
										<p class="zdrs_r">450</p>
									</li>
								</ul>
							</li>
							<li>
								<p>重庆市/郊区</p>
								<ul class="select_second_ul">
									<li>
										<p class="dq_l">万州区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">涪陵区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">长寿区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">南川区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">永川区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">江津区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">大足区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">綦江区</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">黔江区</p>
										<p class="zdrs_r">450</p>
									</li>
								</ul>
							</li>
							<li>
								<p>重庆市/自治县</p>
								<ul class="select_second_ul">
									<li>
										<p class="dq_l">綦江县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">潼南县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">铜梁县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">荣昌县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">璧山县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">梁平县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">城口县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">丰都县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">垫江县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">武隆县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">忠县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">开县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">云阳县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">奉节县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">巫山县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">巫溪县</p>
										<p class="zdrs_r">450</p>
									</li>
								</ul>
							</li>
							<li>
								<p>重庆市/少数名族县</p>
								<ul class="select_second_ul">
									<li>
										<p class="dq_l">秀山土家族苗族自治县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">酉阳土家族苗族自治县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">彭水苗族土家族自治县</p>
										<p class="zdrs_r">450</p>
									</li>
									<li>
										<p class="dq_l">石柱苗族土家族自治县</p>
										<p class="zdrs_r">450</p>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>	
			</dt>
		
			<dt>
				<div class="selectlist">
					<div class="select_textdiv">
						<input type="hidden" value=""/>
						<p class="s_text departure_time">出发时间</p><span class="down">
							<img src="img/partner/down (1).png"></span>
					</div>
					<div class="select_textul">
						<ul class="select_first_ul">
							<li>
								<p class="ul_2">全部出发时间 </p>
								<span class="zdrs_r">450</span>
							</li>
							<li>
								<p class="ul_2">今天 </p>
								<span class="zdrs_r">10</span>
							</li>
							<li>
								<p class="ul_2">1个月内</p>
								<span class="zdrs_r">10</span>
							</li>
							<li>
								<p class="ul_2">1-3个月内</p>
								<span class="zdrs_r">10</span>
							</li>
							<li>
								<p class="ul_2">3个月以上</p>
								<span class="zdrs_r">10</span>
							</li>
						</ul>
					</div>
				</div>	
			</dt>
		</dl>
		<!--头部选项卡 start-->

		<!--主体内容 start-->
		<div class="cont">
			<!--中间图片 start-->
			<div class="top-num">
			    <img width="100%" src="https://images.mafengwo.net/mobile/images/together/topNum-bg.jpg">
			    <div class="vam">
			        <ul>
			            <li>
			                <span><em>362041</em><br>个旅行计划</span>
			                <span><em>571398</em><br>人参与</span>
			                <span><em>11082</em><br>个目的地</span>
			            </li>
			        </ul>
			    </div>
			</div>
			<!--中间图片 end-->
			
			<!--热门游记-->
			<div class="hot_travel">
				<div class="container">
					<div class="choose">
				        <div class="row">
				            <div class="col-md-12">
				                <ul class="nav navbar-default   wow fadeInUp animated animated" data-wow-duration="1s" data-wow-delay="0.25s">
				                    <li class="active">
				                    	<a href="">热门旅游景点</a>
				                    </li>
				                </ul>
				            </div>
				        </div>
					</div>
					<!--内容start-->
					<div class="row">
						    <div class="hot_pro">			
								<!--1-->
								<div class="hot-item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.25s">
										
										<div class="hot_pic"  >
											<a  href="partnercontent.html" target="_blank" >
											   <img src="img/hot/hot_1_1.jpg" >
											</a>
											<div class="title_cont">
								                <h3>黄石国家公园|拉斯维加斯|洛杉矶|美国西海岸</h3>
								                <span>15-30天</span>
								            </div>
								            <span class="departure-date">07月12日 出发</span>
										</div>
										<div class="inner">
											<div class="info clearfix">
												<span class="avatar">
													<a href="partnercontent.html" target="_blank">
													<img src="img/hot/hot_1_2.jpg"></a></span>
													<span class="txt">
													<a href="partnercontent.html" target="_blank">穷游大秘书</a>
												</span>
											</div>
											<div title="今日话题|2018年，第一次旅行你要去哪儿？" class="thread">	
												<div class="caption">
													<a  href="partnercontent.html" target="_blank" >今日话题|2018年，第一次旅行你要去哪儿？</a>
												</div>
											</div>
									    </div>
								        <!----> 
								        <!---->
								</div>
								<!---->
								<!--2-->
								<div class="hot-item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.5s">
									
										<div class="hot_pic">
											<a  href="partnercontent.html" target="_blank" >
											   <img src="img/hot/hot_2_1.jpg" >
											</a>
											<div class="title_cont">
								                <h3>黄石国家公园|拉斯维加斯|洛杉矶|美国西海岸</h3>
								                <span>15-30天</span>
								            </div>
								            <span class="departure-date">07月12日 出发</span>
										</div>
										<div class="inner">
											<div class="info clearfix">
												<span class="avatar">
													<a href="partnercontent.html" target="_blank">
														<img src="img/hot/hot_2_2.jpg">
													</a></span>
													<span class="txt">
													<a href="partnercontent.html" target="_blank">小狮妹</a>
											    </span>
											</div>
											<div title="【秋之物語｜小狮妹の北海道环游记】温泉旅馆推荐&amp;泡汤指南.." class="thread">
												<div class="caption">
													<a href="partnercontent.html" target="_blank" >【秋之物語｜小狮妹の北海道环游记】温泉旅馆推荐&泡汤指南..</a>
												</div>
											</div>	
											<em class="tip">精华</em>
										</div>
								</div>
								<!---->
								<!--3-->
								<div class="hot-item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.75s">
									
										<div class="hot_pic">
											<a href="partnercontent.html" target="_blank" >
											   <img src="img/hot/hot_3_1.jpg" >
											</a>
											<div class="title_cont">
								                <h3>黄石国家公园|拉斯维加斯|洛杉矶|美国西海岸</h3>
								                <span>15-30天</span>
								            </div>
								            <span class="departure-date">07月12日 出发</span>
										</div>
										<div class="inner">
											<div class="info clearfix">
												<span class="avatar">
													<a href="partnercontent.html" target="_blank">
														<img src="img/hot/hot_3_2.jpg"></a>
												</span>
												<span class="txt">
													<a href="partnercontent.html" target="_blank">80后NaNa</a>
												</span>
											</div>
											<div title="【娜娜出品】走入五彩马耳他，地中海国度奇妙体验（完结）" class="thread">    
											    <div class="caption">
													<a href="partnercontent.html" target="_blank" >【娜娜出品】走入五彩马耳他，地中海国度奇妙体验（完结）</a>
												</div>
											</div>
											<em class="tip">精华</em>
										</div>
									
								
								</div>
								<!---->
								<!--4-->
								<div class="hot-item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="1s">
									
										<div class="hot_pic">
											<a href="partnercontent.html" target="_blank" >
											   <img src="img/hot/hot_4_1.jpg" >
											</a>
											<div class="title_cont">
								                <h3>黄石国家公园|拉斯维加斯|洛杉矶|美国西海岸</h3>
								                <span>15-30天</span>
								            </div>
								            <span class="departure-date">07月12日 出发</span>
										</div>
										<div class="inner">
											<div class="info clearfix">
												<span class="avatar">
													<a href="partnercontent.html" target="_blank">
														<img src="img/hot/hot_4_2.jpg"></a></span><span class="txt">
															<a href="partnercontent.html" target="_blank">340小姐</a>
												</span>
											</div>
											<div title="【带娃出去野】妈妈，我喜欢彩色鱼尾狮（新加坡亲子游干货满满~）" class="thread">
												<div class="caption">
													<a href="partnercontent.html" target="_blank" >【带娃出去野】妈妈，我喜欢彩色鱼尾狮（新加坡亲子游干货满满~）</a>
												</div>
											</div>
											<em class="tip">精华</em>
										</div>
									
								
								</div>
								<!---->
								<!--5-->
								<div class="hot-item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.5s">
									
										<div class="hot_pic">
											<a href="partnercontent.html" target="_blank" >
											   <img src="img/hot/hot_5_1.jpg" >
											</a>
											<div class="title_cont">
								                <h3>黄石国家公园|拉斯维加斯|洛杉矶|美国西海岸</h3>
								                <span>15-30天</span>
								            </div>
								            <span class="departure-date">07月12日 出发</span>
										</div>
										<div class="inner">
											<div class="info clearfix">
												<span class="avatar">
													<a href="partnercontent.html" target="_blank">
														<img src="img/hot/hot_5_2.jpg">
													</a>
												</span>
												<span class="txt">
												<a  href="partnercontent.html" target="_blank">infantabelle</a>
												</span>
											</div>
											<div title="【很高兴遇见你！新西兰】最蓝的水、最白的冰、最暖的爱、最亮的星——AB旅摄VS“父母天团”南岛行记" class="thread">
											    <div class="caption">
													<a href="partnercontent.html" target="_blank" >【很高兴遇见你！新西兰】最蓝的水、最白的冰、最暖的爱、最亮的星——AB旅摄VS“父母天团”南岛行记</a>
												</div>
											</div>
											<em class="tip">精华</em>
										</div>
									
								
								</div>
								<!---->
								<!--6-->
								<div class="hot-item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.75s">
									
										<div class="hot_pic">
											<a href="partnercontent.html" target="_blank" >
											   <img src="img/hot/hot_6_1.jpg" >
											</a>
											<div class="title_cont">
								                <h3>黄石国家公园|拉斯维加斯|洛杉矶|美国西海岸</h3>
								                <span>15-30天</span>
								            </div>
								            <span class="departure-date">07月12日 出发</span>
										</div>
										<div class="inner">
											<div class="info clearfix">
												<span class="avatar">
													<a href="partnercontent.html" target="_blank">
														<img src="img/hot/hot_6_2.jpg">
													</a>
												</span>
												<span class="txt">
													<a href="partnercontent.html" target="_blank">飞行电熨斗</a>
												</span>
											</div>
											<div title="【北非魅影 天方十日谭】看神圣之花开满戈壁高山与沙漠-魔性小团队摩洛哥15天半自助纪行，含阿布扎比转机1日游" class="thread">
												<div class="caption">
													<a href="partnercontent.html" target="_blank" >【北非魅影 天方十日谭】看神圣之花开满戈壁高山与沙漠-魔性小团队摩洛哥15天半自助纪行，含阿布扎比转机1日游</a>
												</div>
											</div>
											<em class="tip">精华</em>
										</div>
									
								
								</div>
								<!---->
								<!--7-->
								<div class="hot-item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="1s">
									
										<div class="hot_pic">
											<a  href="partnercontent.html" target="_blank" >
											   <img src="img/hot/hot_7_1.jpg" >
											</a>
											<div class="title_cont">
								                <h3>黄石国家公园|拉斯维加斯|洛杉矶|美国西海岸</h3>
								                <span>15-30天</span>
								            </div>
								            <span class="departure-date">07月12日 出发</span>
										</div>
										<div class="inner">
											<div class="info clearfix">
												<span class="avatar">
													<a href="partnercontent.html" target="_blank">
														<img src="img/hot/hot_7_2.jpg">
													</a>
												</span>
												<span class="txt">
													<a href="partnercontent.html" target="_blank">傅思雯</a>
												</span>
											</div>
											<div title="【美东纪行】迢迢新秋，谈笑鸿儒~遇见常春藤(完结撒花~)" class="thread">
												<div class="caption">
													<a href="partnercontent.html" target="_blank" >【美东纪行】迢迢新秋，谈笑鸿儒~遇见常春藤(完结撒花~)</a>
												</div>
											</div>	
											<em class="tip">精华</em>
										</div>
								</div>
								<!---->
								<!--8-->
								<div class="hot-item wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="1.25s">
									
										<div class="hot_pic">
											<a  href="partnercontent.html" target="_blank" >
											   <img src="img/hot/hot_8_1.jpg" >
											</a>
											<div class="title_cont">
								                <h3>黄石国家公园|拉斯维加斯|洛杉矶|美国西海岸</h3>
								                <span>15-30天</span>
								            </div>
								            <span class="departure-date">07月12日 出发</span>
										</div>
										<div class="inner">
											<div class="info clearfix">
												<span class="avatar">
													<a href="partnercontent.html" target="_blank">
														<img src="img/hot/hot_8_2.jpg">
													</a>
												 </span>
												 <span class="txt">
													<a href="partnercontent.html" target="_blank">Adazhong1</a>
												 </span>
											</div>
											<div title="二个人的TMB—2017年6月逆时针环勃朗峰徒步（TMB）" class="thread">
												<div class="caption">
													<a href="partnercontent.html" target="_blank" >二个人的TMB—2017年6月逆时针环勃朗峰徒步（TMB）</a>
												</div>
											</div>
											<em class="tip">精华</em>
										</div>
								</div>
								<!---->
								<div class="more">
									<a href="JavaScript:void(0)" data-bn-ipg="index-hotThread-more wow fadeInUp animated" target="_blank" data-wow-duration="1s" data-wow-delay="2s">查看更多游记</a>
								</div>
						    </div>
							 
					</div>
		           <!--内容end-->
				</div>
			</div>
			<!--热门游记-->
			
			<!--发起约伴而行start-->
			<div class="fixed-btm _j_sort_html cont-display">
				<div class="btn-group">
					<a class="btn-add _j_not_login" href="farmersform.html">发布约伴信息</a>
				</div>
			</div>
			<!--发起约伴而行 end-->
				
			<!--底部-->
			<script type="text/javascript" src="js/foot.js" ></script>
			<!--底部-->
			
		</div>
		<!--主体 end-->
		
		<!--返回顶部-->	
		<div class="gotop" style="display: none;">
	        <span><img src="img/top.png" ></span>
	    </div>	
		<!--返回顶部-->	
		
		
	</body>
	<!--引用js-->
	<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
    <script src="js/navigation.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	
    	 $(function () {
    	 	//约伴而行+头部选项卡
    	 	var v_width= $(document.body).width();
		    $(".select_textul").width(v_width);
		    
		    $(".select_textdiv").click(function(){
				$(this).parent().parent().siblings().find(".select_textul").hide();
		    	$(".select_textdiv").removeClass("divfocus");
		    	$(this).addClass("divfocus");
		    	$(this).siblings(".select_textul").fadeToggle(500);
		        var lilength = $(this).siblings(".select_textul").find("li.focus").has(".select_second_ul").length;
		    	if(lilength > 0){
		    		$(this).siblings(".select_textul").find("li.focus>.select_second_ul").show();
		    	}else{
		    		$(".select_first_ul>li>p").css("width","100%");
		    	}
		    })
		    
		    //获取时间
			$(".select_first_ul>li>p").click(function(){
				$(".select_second_ul").hide();
				$(this).parent("li").addClass("focus").siblings("li").removeClass("focus");
				var ynul = $(this).parent("li").has(".select_second_ul").length;
		        if(ynul == 0){
		        	
		        	var choose = $(this).text();
					$(this).parents(".select_textul").siblings(".select_textdiv").find(".s_text").text(choose);
					$(this).parents(".select_textul").siblings("input").val(choose);
					$(this).parents(".select_textul").fadeOut(300);
					event.stopPropagation();
					$('.cont').show();
					$('.select_textul').hide();
					
					//调用获取出发时间函数
					text01();
		        }else{
		        	$(".select_second_ul").hide();
				    $(this).siblings(".select_second_ul").show();
				    event.stopPropagation();
					chooseclick();
					
		        }
				
			});
			
			chooseclick();
			
			//获取城市值
			function chooseclick(){
				$(".select_second_ul>li>p:first-child").click(function(){
					var choose = $(this).text();
					$(this).addClass("focusli").siblings("li").removeClass("focusli");
					$(this).parents(".select_textul").siblings(".select_textdiv").find(".s_text").text(choose);
					$(this).parents(".select_textul").siblings("input").val(choose);
					$(this).parents(".select_textul").fadeOut(300);
					
					event.stopPropagation();
					
					$('.cont').show();
					$('.select_textul').hide();
					
					text01();
				});
			}
			
			var parent_target = "目的地";
			var new_parent_target = "目的地";
			var departure_time= "出发时间";
			alert("new_parent_target:"+new_parent_target);
			alert("departure_time:"+departure_time);
			function text01(){
				//获取目的地值
				if($(".select_textdiv .parent_target").text() != ""){
					parent_target = $(".select_textdiv .parent_target").text();
					new_parent_target =(parent_target.substr(0,2)).trim();
					alert("new_parent_target:"+new_parent_target);
				}
		 		
		 		//获取出发时间的值
		 		if(($(".select_textdiv .departure_time").text()).trim() != ""){
		 			departure_time = ($(".select_textdiv .departure_time").text()).trim();
		 			alert("departure_time:"+departure_time);
		 		}
		 		
		 		
			}
			
//			//获取目的地值
//			function text01(){
//				var parent_target = $(".select_textdiv .parent_target").text();
//				var new_parent_target =(parent_target.substr(0,2)).trim();
//		 		alert("new_parent_target:"+new_parent_target);
//			}
//			
//			//获取出发时间的值
//			function cf_time(){
//				var departure_time = ($(".select_textdiv .departure_time").text()).trim();
//		 		alert("departure_time:"+departure_time);
//			}
    	 	
    	 	
			//当屏幕宽度小于768px时，底部与头部的显示情况
            if (screen.width < 768) {
               $(".topmenu").css("display","block");
               $(".fixed-btm").css("display","block");
            
            } else {
              $(".topmenu").css("display","block");//默认操作
              $(".fixed-btm").css("display","none");
            }
            //内容隐藏
            $(".selectlist").click(function(){
    			$(".cont").hide();
    		})
            
        });
    	
    </script>
</html>
